<!--
 * @Author: huangtianyang 916072572@qq.com
 * @Date: 2024-05-08 14:25:52
 * @LastEditors: error: error: git config user.name & please set dead value or install git && error: git config user.email & please set dead value or install git & please set dead value or install git
 * @LastEditTime: 2024-05-29 09:51:32
 * @FilePath: \report-h5\src\pages\report\html\Index.vue
-->
<template>
    <section class="report-container">
        <iframe :src="url" frameborder="0" :style="{ width: w_width + 'px', height: w_height + 'px' }"></iframe>
    </section>
</template>

<script setup lang="ts">
import { onMounted, ref } from 'vue'
import { useRoute } from 'vue-router'

let reportId = ref('')
const route = useRoute()
reportId.value = route.query.reportId as string

const url = ref('')

const w_width = ref(window.innerWidth)
const w_height = ref(window.innerHeight)

onMounted(() => {
    url.value = window.location.origin + `/api/report/qucent/review/${reportId.value}`
})
</script>

<style scoped lang="scss">
.report-container {
    height: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}
</style>
